草庐IT

iphone - 限制 UISCrollView 向上滚动

全部标签

javascript - Twitter bootstrap scrollspy - 在平滑滚动时禁用?

我们在侧边栏ul/il列表上使用twitterbootstrapscrollspy,效果很好。但是,我们在单击侧边栏中的链接时也会使用平滑滚动。这会导致scrollspy突出显示进入View的每个元素,就像在正常情况下应该的那样。但是当通过单击侧边导航中的链接触发滚动时,用户很可能不希望菜单在滚动时显示动画。有什么方法可以在动画滚动运行时暂时禁用scrollspy,然后在滚动完成后重新启用它? 最佳答案 通过将类设置为scrollspy的目标,您可以动态停止/恢复scrollspy操作。$('body').scrollspy({ta

javascript - 如何抑制窗口鼠标滚轮滚动...?

我正在开发一个嵌入页面的Canvas应用程序。我有它,因此您可以使用鼠标滚轮放大绘图,但不幸的是,这会滚动页面,因为它是文章的一部分。当我在dom元素上滚动鼠标时,是否可以阻止鼠标滚轮在窗口上滚动?! 最佳答案 为鼠标滚轮(非Gecko)/DOMMouseScroll(非IE)附加事件处理程序并阻止其默认操作(即滚动内容):if(element.addEventListener)element.addEventListener("DOMMouseScroll",function(event){event.preventDefault

javascript - 在 iPhone 应用程序上调试 Javascript 的最佳方式?

我正在iPhone上做一些粗略的开发。我正在编写一个nativeiPhone应用程序,它使用UIWebView对象通过javascript加载网站。我发现很难在iPhone上调试javascript代码。有什么方法/技术可以解决这个问题? 最佳答案 由于iPhone上的Safari使用的是webkit,您可以使用桌面版Safari的网络检查器中内置的调试器。虽然平台之间可能会有一些不同的怪癖,但它会让您很好地了解解释器中发生的事情。 关于javascript-在iPhone应用程序上调试

javascript - 禁用 Chrome 的滚动保留功能

我有一个包含项目列表的页面:加载更多按钮应该通过ajax加载更多项目并将其附加到保留当前滚动位置的项目容器。所以在我点击它之后,我希望它看起来像这样(绿色项目是新的):但实际上Chrome56执行了一些计算以使页面保持相同状态,我看到的是这样的:有什么方法可以阻止Chrome中的这种智能滚动位置设置吗?更新:仅当父容器(在我的例子中为“body”)具有“display:flex”属性(我用它来实现“粘性页脚”功能)时,我才能重现该行为。 最佳答案 我通过向滚动容器添加overflow-anchor:none;解决了类似的问题。htt

javascript - 如何使用javascript检测iPhone/Android从 sleep 中醒来

我正在构建一个使用sockets.io的网站/网络应用目前,如果用户正在iPhone上使用safari,并且他们锁定了屏幕(变黑),我的套接字连接已关闭。这很好,我想要这个。但是当他们解锁屏幕(或从sleep中醒来)时。我想用javascript检测这个事件,这样我就可以重新连接我的套接字。这可能吗??谷歌对这个话题的关注度不高。 最佳答案 没关系,我想通了window.addEventListener("pageshow",function(){alert("pageshown");},false);

javascript - 将 dart 编译为 javascript 的限制是什么?

我知道,该Dart仍处于技术预览阶段。Dart也可以编译成JavaScript。但是将dart编译为javascript的限制是什么?Dart必须在语言中具有一些特定的功能或概念,而不能仅仅将其翻译成JavaScript代码吗?原因是,一个friend问我Dart是否可以将所有可能的东西都编译成JavaScript或那个,例如5%的语言元素(你知道,非常酷的改进内容)将无法编译。http://www.dartlang.org 最佳答案 我的初创公司在Dart中开发了一个超过50,000行的应用程序,到目前为止,在将Dart编译为Ja

javascript - 在滚动时查找位于可见屏幕(视口(viewport))中间的元素

我需要知道是否有一种方法可以确定div是否位于屏幕中央。HTML:texttext.....text考虑到页面是可滚动的,有没有办法确定div何时位于可见屏幕的中心?所以基本上,当用户向下滚动页面时,应该选择可见屏幕中间的div。谢谢 最佳答案 DEMOPAGEvarfindMiddleElement=(function(docElm){varviewportHeight=docElm.clientHeight,//herei'musingpre-cachedDIVelements,butyoucanuseanythingyouwa

javascript - 如何确定具有不同行高和/或填充的不同浏览器中的最大滚动位置?

有没有办法确定每个浏览器的最大滚动位置,而无需实际滚动到末尾并读取该位置?取了一个固定高度和溢出的容器div。容器中的几个div元素,其高度之和大于容器的高度。有一个最大滚动位置(y),我认为它只是容器高度减去总元素高度。在容器的line-height大于元素的height之前,这似乎是正确的。如果是这种情况,似乎每个浏览器都以不同方式确定最大滚动位置。有了填充,情况变得更糟,一些浏览器添加顶部填充,一些浏览器添加顶部和底部填充。查看此fiddle例如。调整容器行高和div.item高度。 最佳答案 我只能在少数几个浏览器中进行测试

javascript - 有没有一种简单的方法可以在文本框中单击并拖动滚动?

我有一个带有overflow:auto和滚动条的div,我希望能够拖动内容进行滚动。我不需要能够选择文本。是否有捷径可寻?一个jQuery插件会很好,否则普通的旧JavaScript就可以了。看来我说的还不够清楚。有一个我想要滚动的固定高度的div。我不想拾取滚动条,而是想在文本中沿相反方向单击并拖动。就像在iPhone上一样。就像在Photoshop中按住空格并拖动一样。-------------------|||||||||||||| 最佳答案 这是拖动和滚动div的一个很好的实现https://github.com/mvlan

javascript - 如何在滚动时实现图像淡入效果(如 mashable.com)

我想知道mashable.com上图像的淡入效果(例如,参见http://mashable.com/2009/08/14/google-android-logo-remixes/)当您滚动到图像时,它会淡入。它不会在页面加载时淡入,只会在项目在屏幕上的实际外观时淡入。谢谢。 最佳答案 通过jQuery插件实现LazyLoad.编辑:这是他们使用的代码:if(!navigator.userAgent.toLowerCase().match('ipad')){$('#primaryimg').lazyload({effect:'fade